<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <link href="/static/css/default.css" rel="stylesheet" type="text/css">
    <link href="/static/css/style/green.css" rel="stylesheet" type="text/css" id='link'>
    <link rel="stylesheet" href="/static/kindeditor/themes/default/default.css" />
    <script charset="utf-8" src="/static/kindeditor/kindeditor-min.js"></script>
    <script charset="utf-8" src="/static/kindeditor/lang/zh-CN.js"></script>
    <link rel="stylesheet" href="/static/FileUpload/css/jquery.fileupload.css" />
</head>

<body style="overflow:hidden; padding:10px;">
    <form>
        <table class="formtable" style="width:580px;">

            <tbody>

                <tr>
                    <td class="tlabel">标题</td>
                    <td>
                        <input type="text" class="forminput inputstyle1" id="title" value="{$info.title}">
                    </td>
                </tr>

                <tr>
                    <td class="tlabel">图片</td>
                    <td>
                        <div class="col-sm-10">
                            <span class="btn btn-success fileinput-button">
                                <i class="glyphicon glyphicon-plus"></i>
                                <span>上传文件</span>

                                <input id="fileupload" type="file" name="imgFile" multiple>

                            </span>
                            <div id="showpic">


                                {if condition="$info['imgurl']!=''"}

                                <img width="50px" src="/static/uploads/{$info['imgurl']}" />
                                {else /}

                                {/if}
                            </div>

                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="tlabel">日期</td>
                    <td>
                            <input type="text" class="forminput inputstyle1" autocomplete="off"  onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"  id="mydate" value="{$info.mydate}">
                    </td>
                </tr>
                <tr>
                    <td class="tlabel">类型</td>
                    <td>
                        <select type="text" id="type" class="select" v-model="checked">
                            <option value="">
                                请选择
                            </option>
                            <option v-for="item in list" :value='item'>
                                {{item}}
                            </option>
                        </select>
                    </td>
                </tr>
                <!-- <tr>
                    <td class="tlabel">评分</td>
                    <td>
                        <select type="text" id="star" class="select" v-model="checked">
                            <option value="">
                                请选择
                            </option>
                            <option v-for="item in list" :value='item.value'>
                                {{item.value}}
                            </option>
                        </select>
                    </td>
                </tr> -->
                <tr>
                    <td class="tlabel">描述</td>
                    <td>
                        <textarea name="desc" id="desc" style="width:450px;height:200px;visibility:hidden;">{$info.desc}</textarea>
                    </td>
                </tr>





            </tbody>

        </table>

        <div class="formbtn">
            <input type="button" value="保存" class="btnsave">
            <input type="button" value="取消" class="btncancel">
        </div>
        <input type="hidden" id="id" value="{$info.id}" />
        <input type="hidden" id="imgurl" value="{$info.imgurl}" />
    </form>


</body>
<script type="text/javascript" src="/static/js/jquery.js"></script>
<script type="text/javascript" src="/static/js/common.js"></script>
<script type="text/javascript" src="/static/js/vue2.js"></script>
<script src="/static/js/layer/layer.js"></script>
<script src="/static/My97DatePicker/WdatePicker.js"></script>
<script src="/static/FileUpload/js/vendor/jquery.ui.widget.js"></script>
<script src="/static/FileUpload/js/jquery.iframe-transport.js"></script>
<script src="/static/FileUpload/js/jquery.fileupload.js"></script>
<script>
 
    var type = "{$info.type}";
  
    var vue = new Vue({
        el: '#type',
        data: {
            checked: type,
            list: ['早餐', '午餐', '晚餐']
        }
    });
  
    var editor;
    $(function () {


        KindEditor.ready(function (K) {
            editor = K.create('textarea[name="desc"]', {
                resizeType: 1,
                allowPreviewEmoticons: false,
                allowImageUpload: false,
                items: [
                    'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
                    'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
                    'insertunorderedlist', '|', 'emoticons', 'image', 'link']
            });
        });

        $('#fileupload').fileupload({
            autoUpload: true,//是否自动上传
            url: "/index/Home/upload",
            dataType: 'json',
            done: function (e, data) {

                console.log(data.result);
                if (data.result == "") {
                    layer.msg("上传出错了!");
                } else {

                    $("#showpic").html("<img width='50px' src='/static/uploads/" + data.result + "' />");
                    $("#imgurl").val(data.result);


                }
            },
            progressall: function (e, data) {
                var progress = parseInt(data.loaded / data.total * 100, 10);
                $('#progress .progress-bar').css(
                    'width',
                    progress + '%'
                );
            }
        }).prop('disabled', !$.support.fileInput)
            .parent().addClass($.support.fileInput ? undefined : 'disabled');
        $(".btnsave").click(function () {

            editor.sync();
            var id = $("#id").val();
            var title = $("#title").val();
            var imgurl = $("#imgurl").val();
            var desc = $("#desc").val();
            var mydate = $("#mydate").val();
            var type = $("#type").val();
          
            if(title==""){
                layer.msg("请输入标题");
                return;
            }
            if(mydate==""){
                layer.msg("请输入日期");
                return;
            }
            if(type==""){
                layer.msg("请选择类型");
                return;
            }
           
            


            $.post("/Index/daily/foodadd", { "id": id, "title": title, "imgurl": imgurl, "desc": desc, "mydate": mydate, "type": type }, function (data) {
                if (data.status == 200) {
                    var index = parent.layer.getFrameIndex(window.name);
                    window.parent.iframe.contentWindow.location.reload(true);
                    console.log(window.parent.iframe);
                    parent.layer.close(index);
                } else {
                    layer.msg(data.msg);
                }
            });
        });
        $(".btncancel").click(function () {
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        });
    });


</script>

</html>